<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
<h:head>
	<title></title>
	<style type="text/css">
#caixa1 {
	float: left;
	width: 20%;
	height: 120px;
}

#caixa2 {
	float: right;
	width: 80%;
	height: 120px;
}

#caixa3 {
	float: right;
	width: 50%;
	height: 150px;
}

#caixa4 {
	float: right;
	width: 50%;
	height: 150px;
}
</style>
</h:head>
<h:body style="background-color: #F2F3F3;">
	<ui:composition template="/templates/template.xhtml">
		<ui:define name="pageTitle">Obras</ui:define>
		<ui:define name="pageHeader">Lista de Obra(s)</ui:define>
		<ui:define name="body">
			<h:panelGrid columns="1">
				<!--  
			<p:commandButton value="Nova Construtora" type="button"
				onclick="dialogGerConstrutora.show(); return false;" />
		-->

			</h:panelGrid>
			<h:form>
				<p:dataTable id="dtObra" value="#{obraBean.lista}" var="obra"
					editable="true" paginator="true" rows="5"
					style="font-size:12px;margin-top:10px"
					emptyMessage="Nenhum cadastro efetuado! ">
					<!--rendered="#{not empty obraBean.lista}">-->
					<f:facet name="header">
						<h:outputText value="Lista de Obra(s)" />
					</f:facet>
					<p:column headerText="Código" style="width:2%;font-size:12px;">
						<div align="center">#{obra.id}</div>
					</p:column>

					<p:column headerText="Nome" width="55%" style="font-size:12px;">
						#{obra.nome}
					</p:column>

					<p:column headerText="Construtora" width="20%"
						style="font-size:12px;">
						#{obra.construtora.razaoSocial}
					</p:column>

					<p:column headerText="Status" width="5%" style="font-size:12px;">
						#{obra.status}
					</p:column>
					<p:column style="width:2%">

						<h:commandLink action="#{obraBean.excluir(false)}"
							onclick="if(!confirm('Deseja realmente excluir a obra #{obra.nome}?')) return false;">
							<div align="center">
								<h:graphicImage url="/templates/Imagens/delete-2.png" />
							</div>
							<f:setPropertyActionListener target="#{obraBean.obraSelecionada}"
								value="#{obra}" />
						</h:commandLink>
						<h:outputText value=" " />
					</p:column>
					<p:column style="width:2%">
						<h:commandLink>
							<h:graphicImage url="/templates/Imagens/icon_pencil.png" />
							<f:setPropertyActionListener target="#{obraBean.obraSelecionada}"
								value="#{obra}" />

						</h:commandLink>
					</p:column>
				</p:dataTable>
			</h:form>
			<p />
			<p />
			<h:form id="frmNovo">
				<div align="right" style="margin-right: 4%">
					<h:commandButton value="Nova Obra" action="#{obraBean.novo()}"
						rendered="false" />
				</div>
			</h:form>
			<h:form id="frmObras">
				<h:inputHidden value="#{obraBean.obraSelecionada.id}" />
				<div align="right" style="margin-right: 4%">
					<h:commandButton value="Salvar Obra" action="#{obraBean.salvar()}" />
				</div>
				<p:fieldset legend="Informações da Obra:" toggleable="false"
					style="width:90%;font-size:12px;">

					<div id="caixa1">
						<a href="padrao.jsf"> <h:graphicImage
								url="/templates/Imagens/add-user.png"
								style="width:110px;height:110px;" />
						</a>
					</div>
					<div id="caixa2">
						<h:panelGrid columns="4"
							style="float: left;width:100%;font-size:12px;">
							<p:row>
								<p:column>
									<h:outputLabel id="lblConstrutora" value="Construtora:"
										for="construtora"
										style="width:100%;float: left;font-weight: bold;margin-right:20px" />
								</p:column>
							</p:row>
							<p:row>

								<p:column>
									<p:selectOneMenu id="slmConstrutora"
										style="float: left;width:250px; font-weight: bold;font-size:12px;font-size:12px;"
										value="#{obraBean.construtoraSelecionada}">
										<f:selectItems value="#{obraBean.construtoraSelect}"
											itemValue="#{obraBean.construtoraSelecionada.id}" />
									</p:selectOneMenu>

								</p:column>
							</p:row>

							<p:row>
								<p:column>
									<h:outputLabel id="lblCnpj" value="Cnpj:" for="cnpj"
										style="width:100%;float: left;font-weight: bold;" />
								</p:column>
							</p:row>
							<p:row>
								<p:column>
									<p:inputMask id="CNPJ" mask="999.999.999/9999-99"
										style="float: left;width:250px; font-weight: bold;font-size:12px;"
										required="true" value="#{obraBean.obraSelecionada.cnpj}"
										requiredMessage=" *" />
									<h:message for="CNPJ" errorClass="errorMessage"
										style="font-weight: bold;font-size:18px;color:red" />
								</p:column>
							</p:row>
							<p:row>
								<p:column>
									<h:outputLabel id="lblCei" value="CEI:" for="cei"
										style="float: left;width:100%; font-weight: bold;" />
								</p:column>
							</p:row>


							<p:row>
								<p:column>
									<p:inputText value="#{obraBean.obraSelecionada.cei}"
										id="txtCei"
										style="float: left;width:250px; font-weight: bold;font-size:12px;font-size:12px;"
										required="false" />
								</p:column>
							</p:row>
							<p:row>
								<p:column>
									<h:outputLabel id="lblNome" value="Nome:" for="rSocial"
										style="float: left;width:100%; font-weight: bold;" />
								</p:column>
							</p:row>
							<p:row>
								<p:column>
									<h:inputText id="txtNome" style="width:250px"
										converter="toUpperCaseConverter"
										value="#{obraBean.obraSelecionada.nome}" required="true"
										requiredMessage=" *">
										<f:ajax event="blur" render="@this" />
									</h:inputText>
									<h:message for="txtNome" errorClass="errorMessage"
										style="font-weight: bold;font-size:18px;color:red" />
								</p:column>
							</p:row>


							<p:row>
								<p:column>
									<h:outputLabel id="lblTempoObra" value="Tempo da Obra:"
										for="tempoObra"
										style="float: left;width:100%;margin-right:20px; font-weight: bold;font-size:12px;" />
								</p:column>
							</p:row>
							<p:row>
								<p:column>
									<p:spinner value="#{obraBean.obraSelecionada.tempoObra}"
										min="0" required="true" />
								</p:column>
							</p:row>
							<p:row>
								<p:column>
									<h:outputLabel id="lblSituacao" value="Situacao:"
										for="Situacao"
										style="float: left;width:100%; font-weight: bold;font-size:12px;font-size:12px;" />
								</p:column>
							</p:row>

							<p:row>
								<p:column>
									<p:selectOneRadio value="#{obraBean.obraSelecionada.situacao}">
										<f:selectItem itemValue="Novo" itemLabel="Novo" />
										<f:selectItem itemValue="Em andamento"
											itemLabel="Em andamento" />
									</p:selectOneRadio>
								</p:column>
							</p:row>
							<p:row>
								<p:column>
									<h:outputLabel id="lblPerInicio" value="Período Inicial:"
										for="periodoInicial"
										style="float: left;width:100%;margin-right:2.5%; font-weight: bold;font-size:12px;" />
								</p:column>
							</p:row>
							<p:row>
								<p:column>
									<p:calendar id="cldPerInicial" showOn="button"
										value="#{obraBean.obraSelecionada.periodoInicial}"
										required="true" requiredMessage=" *" />
									<h:message for="cldPerInicial" errorClass="errorMessage"
										style="font-weight: bold;font-size:18px;color:red" />
								</p:column>
							</p:row>
							<p:row>
								<p:column>
									<h:outputLabel id="lblPeriodoFinal" value="Período Final:"
										for="periodoFinal"
										style="float: left;width:100%; font-weight: bold;font-size:12px;font-size:12px;" />
								</p:column>
							</p:row>

							<p:row>
								<p:column>
									<p:calendar id="cldPerFinal" showOn="button"
										value="#{obraBean.obraSelecionada.periodoFinal}"
										required="true" requiredMessage=" *" />
									<h:message for="cldPerFinal" errorClass="errorMessage"
										style="font-weight: bold;font-size:18px;color:red" />
								</p:column>
							</p:row>
							<p:row>
								<p:column>
									<h:outputLabel id="lblValorGlobal" value="Valor Global:"
										for="valorGlobal" rendered="false"
										style="float: left;width:100%;margin-right:20px; font-weight: bold;font-size:12px;" />
								</p:column>
							</p:row>
							<p:row>
								<p:column>
									<p:inputText id="txtValorGlobal" rendered="false"
										value="#{obraBean.obraSelecionada.valorGlobal}"
										style="width:40%; margin-right:2.5%" required="true" />
								</p:column>
							</p:row>
							<p:row>
								<p:column>
									<h:outputLabel id="lblValorParc" value="Valor Parcela/Mês:"
										for="valorParc" rendered="false"
										style="float: left;width:100%; font-weight: bold;font-size:12px;font-size:12px;" />
								</p:column>
							</p:row>

							<p:row>
								<p:column>
									<p:inputText id="txtValorParc" style="width:40%"
										rendered="false"
										value="#{obraBean.obraSelecionada.valorParcelasMes}"
										required="true" />
								</p:column>
							</p:row>

						</h:panelGrid>
					</div>
				</p:fieldset>



				<p />
				<p:fieldset legend="Contato:" toggleable="false"
					style="width:90%;font-size:12px;">
					<h:panelGrid id="pnContato" style="float: left;width:100%">
						<p:row>
							<p:column>
								<h:outputLabel id="lblCep" value="Cep:" for="cep"
									style="float: left;font-weight: bold;font-size:12px;" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<p:inputMask id="txtCep" mask="99.999-999"
									value="#{obraBean.obraSelecionada.cep}" required="true"
									requiredMessage=" *" />
								<h:message for="txtCep" errorClass="errorMessage"
									style="font-weight: bold;font-size:18px;color:red" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<h:outputLabel id="lblEndereco" value="Endereço:" for="endereco"
									style="float: left;width:75%;font-weight: bold;font-size:12px;" />
							</p:column>
							<p:column>
								<h:outputLabel id="lblNumero" value="Número:" for="numero"
									style="float: left;width:20%; font-weight: bold;font-size:12px;" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<h:inputText id="txtEndereco" converter="toUpperCaseConverter"
									style="width:70%;" value="#{obraBean.obraSelecionada.endereco}"
									required="true" requiredMessage=" *">
									<f:ajax event="blur" render="@this" />
								</h:inputText>
								<h:message for="txtEndereco" errorClass="errorMessage"
									style="font-weight: bold;font-size:18px;color:red" />
							</p:column>
							<p:column>
								<p:inputText id="txtNumero" style="width:20%;margin-left:40px"
									value="#{obraBean.obraSelecionada.numero}" required="true"
									requiredMessage=" *" />
								<h:message for="txtNumero" errorClass="errorMessage"
									style="font-weight: bold;font-size:18px;color:red" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<h:outputLabel id="lblComplemento" value="Complemento:"
									for="complemento"
									style="float: left;width:65%; font-weight: bold;font-size:12px;" />
							</p:column>

						</p:row>
						<p:row>
							<p:column>
								<h:inputText id="txtComplemento"
									converter="toUpperCaseConverter" style="width:70%;"
									value="#{obraBean.obraSelecionada.complemento}"
									required="false">
									<f:ajax event="blur" render="@this" />
								</h:inputText>
							</p:column>


						</p:row>

						<p:row>
							<p:column>
								<h:outputLabel id="lblEstado" value="Estado:" for="Estado"
									style="float: left;width:180px; font-weight: bold;font-size:12px;" />
							</p:column>
							<p:column>
								<h:outputLabel id="lblCidade" value="Cidade:" for="Cidade"
									style="float: left;width:210px; font-weight: bold;font-size:12px;" />
							</p:column>
							<p:column>
								<h:outputLabel id="lblTelefone" value="Telefone:" for="telefone"
									style="float: left;width:20%; font-weight: bold;font-size:12px;" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<p:selectOneMenu value="#{construtoraBean.estadoSelecionado}"
									style="float: left;width:150px; font-weight: bold;font-size:12px;">
									<f:selectItems value="#{obraBean.estadosSelect}"
										itemValue="#{obraBean.estadoSelecionado.id}" />
								</p:selectOneMenu>
							</p:column>
							<p:column>
								<p:selectOneMenu value="#{obraBean.cidadeSelecionada}"
									style="float: left;width:150px;margin-left:20px; font-weight: bold;font-size:12px;">
									<f:selectItems value="#{obraBean.cidadesSelect}"
										itemValue="#{obraBean.cidadeSelecionada.id}" />
								</p:selectOneMenu>
							</p:column>
							<p:column>

								<p:inputMask id="txtTelefone" mask="(99)9999.9999"
									style="width:20%;margin-left:40px"
									value="#{obraBean.obraSelecionada.telefone}" />
							</p:column>

						</p:row>
						<p:row>
							<p:column>
								<h:outputLabel id="lblEmail" value="Email:" for="Email"
									style="float: left;font-weight: bold;font-size:12px;" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<h:inputText id="txtEmail" style="width:95%"
									converter="toUpperCaseConverter"
									value="#{obraBean.obraSelecionada.email}" required="true"
									requiredMessage=" *">
									<f:ajax event="blur" render="@this" />
								</h:inputText>
								<h:message for="txtEmail" errorClass="errorMessage"
									style="font-weight: bold;font-size:18px;color:red" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<h:outputLabel id="lblSite" value="Site:" for="Site"
									style="float: left;font-weight: bold;font-size:12px;" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<h:inputText id="txtSite" style="width:95%" required="false"
									converter="toUpperCaseConverter"
									value="#{obraBean.obraSelecionada.site}">
									<f:ajax event="blur" render="@this" />
								</h:inputText>
							</p:column>
						</p:row>
					</h:panelGrid>
				</p:fieldset>
				<p />
				<p />
				<p />
			</h:form>


		</ui:define>
	</ui:composition>
</h:body>
</html>